<template>
	<!-- 购买 -->
	<view>
		<!-- 输入金额 -->
		<view class="amountEntered">
			<view class="amountEntered-mian">
				<!-- 标题 -->
				<view class="amountEntered-mian-title">
					<text>买入金额</text>
				</view>
				<!-- 输入金额 -->
				<view class="amountEntered-mian-moeny">
					<input type="text" value="" placeholder="100.00元起购" />
				</view>
				<!-- 原因 -->
				<view class="amountEntered-mian-shouyi">
					<text class="amountEntered-mian-shouyi-color">03月️15日</text><text
						class="amountEntered-mian-shouyi-val">确认份额，开始计算收益</text>
				</view>
			</view>
		</view>
		<!-- 确认购买 -->
		<view class="purchase">
			<!-- 标题 -->
			<view class="purchase-title">
				<view class="purchase-title-biaoti">
					<view class="purchase-title-view">

					</view>
					<view class="purchase-title-val">
						<text>只需三步即可赚取收益</text>
					</view>
					<view class="purchase-title-view">

					</view>
				</view>

				<!-- 图片logo -->
				<view class="purchase-title-logo">
					<view class="purchase-title-logo-view">
						<image src="../../static/purchase/icon1.png" mode=""></image>
						<view class="">
							<text>风险评估</text>
						</view>
					</view>
					<view class="purchase-title-logo-view">
						<image src="../../static/purchase/icon2.png" mode=""></image>
						<view class="">
							<text>绑定银行卡</text>
						</view>
					</view>
					<view class="purchase-title-logo-view">
						<image src="../../static/purchase/icon3.png" mode=""></image>
						<view class="">
							<text>上传身份证</text>
						</view>
					</view>
				</view>
			</view>

		</view>
		<!-- 立即购买 -->
		<view class="BtnPurchase">
			<view class="BtnPurchase-top">
				<checkbox />
				<text @click="xgxy" class="BtnPurchase-p">基金销售服务由宇宁基金提供，本人已阅读并同意该产品的基金合同，招募说明书，产品规则，信息披露材料及<text
						class="xieyi" >相关协议</text>，充分了解产品的风险特性，并自愿承担相关投资风险</text>
			</view>
			<view @tap="open" class="BtnPurchase-button">
				<text>立即购买</text>
			</view>
		</view>
		<!-- 立即购买弹出 -->
		<uni-popup ref="popup" type="bottom">
			<view class="popup">
				<view class="popup-title">
					<text>风险评估</text>
					<image @tap="colse" src="../../static/purchase/x.png" mode=""></image>
				</view>
				<view class="popup-val">
					<text>根据相关规定我们需要先对您做一个简短的评测来验证你是否能承担投资风险</text>
				</view>
				<view class="popup-btn">
					<text>开始测评</text>
				</view>
			</view>
		</uni-popup>
		<!-- 查看协议 弹出 -->
		<uni-popup ref="xieyia" type="bottom">
			<view class="popups">
				<view class="popup-title">
					<text>查看协议</text>
					<image @click="colses" src="../../static/purchase/x.png" mode=""></image>
				</view>
				<view class="dome">
					<text>《业务协议》</text>
				</view>
				<view class="dome2">
					<text>《宏点基金隐私保护指南》</text>
				</view>
			</view>
			
		</uni-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			open() {
				// 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center']
				this.$refs.popup.open('bottom')
			},
			colse(){
				this.$refs.popup.close('bottom')
			},
			// 点击相关协议弹出
				
			xgxy(){
				this.$refs.xieyia.open('bottom')
				console.log(1)
			},
			colses(){
				this.$refs.xieyia.close('bottom')
			}
		}
	}
</script>

<style>
	page {
		background-color: #f5f5f5;
	}
</style>
<style scoped lang="scss">
	@import './CurrentPayment.scss';
	
</style>
